<template>
  <div class="hello">
    <h2 @click="test">Essential Links</h2>
    <ul>
      <li>hi</li>
      <li>hello</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      lists:[],
    }
  },
  mounted() {
    common.ajax({
      method:'get',
      url:'/rest-web/web/data/entSearchWord',
      success:(res) => {
        // var tempArr = [];
        // for (var i = 0; i < 100; i++) {
        //   tempArr.push(res.results[0])
        // }
        // this.lists = tempArr
        // console.log(res);
      }
    })
  },
  methods:{
    test() {
      var a = () => 1;
      alert(1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
  height: 100%;
}
</style>
